<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <!--使用v-bind指令绑定数据-->
        <input type="text" v-bind:value="info">
        <!--绑定数据的简写方式-->
        <input type="text" :value="info">
        <a :href="url" :target="tar">点一下试试</a>
        <img :src="imgUrl" :width="wid"/>
    </div>
    <script>
        new Vue({
            el:'#app',
            data(){
                return{
                    info:"数据绑定 陈怡",
                    url:"http://www.taobao.com",
                    tar:'_blank',
                    imgUrl:'imgs/img.png',
                    wid:'500px'
                }
            }
        })
    </script>
</body>
</html>
